keycon

keycon

Keyboard Controller

• API Documentation

Installation

npm i keycon

<script src="https://daybrush.com/keycon/release/latest/dist/keycon.min.js"></script>

How to use

import KeyController, { getCombi, getKey } from "keycon";

const keycon = new KeyController();

// The focus went out of the browser.
keycon.on("blur", () => {
    console.log("blur");
});
// keydown all
keycon.keydown(e => {
    console.log(e);
});
// keydown space
keycon.keydown("space", e => {
    console.log(e);
});
// keydown alt + space combination
keycon.keydown(["alt", "space"], e => {
    // ["alt", "space"]
    console.log(getCombi(e));
    // "space"
    console.log(getKey(e.keyCode));

    console.log(e);
});

// keyup all
keycon.keyup(e => {
    console.log(e);
});
// keyup space
keycon.keydown("space", e => {
    console.log(e);
});
// keyup alt + space combination
keycon.keyup(["alt", "space"], e => {
    console.log(e);
});

Changelog

1.4.0 (2022-12-04)

:sparkles: Packages

• keycon 1.4.0
• react-keycon 0.3.0
• svelte-keycon 0.2.0
• vue-keycon 0.2.0
• vue2-keycon 0.2.0

:rocket: New Features

• All
  • add checker option (ca3ec3b)

:mega: Other

• All
  • update packages versions (09cbc30)